<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/list.css">
</head>
<body>
    <header id="top">
        <div id="top_box">
          <img src="">
          <a href="#">北京</a>
          <!-- 顶部右面 --》欢迎来到京东 -->
          <div class="rt">
            <ul>
              <li>
                <a href="./login.html">您好，请登录</a>
                <a href="./register.html">免费注册</a>
              </li>
              <li>
                <b></b>
                <a href="#">我的订单</a>
              </li>
              <li>
                <b></b>
                <a href="#">我的京东</a>
              </li>
              <li>
                <b></b>
                <a href="#">京东会员</a>
              </li>
              <li>
                <b></b>
                <a href="#">企业采购</a>
              </li>
              <li>
                <b></b>
                <a href="#">客户服务</a>
              </li>
              <li>
                <b></b>
                <a href="#">网站导航</a>
              </li>
              <li>
                <b></b>
                <a href="#">手机京东</a>
              </li>
            </ul>
          </div>
        </div>		
      </header>
      <!-- Logo和搜索框 -->
      <div id="top_main">
        <div class="log_lf lf">
          <img src="../images/log.png" alt="">
        </div>
        <div class="zhong">
          <div id="search_box" class="lf">
            <div id="search">
              <input id="text" class="text lf" placseholder="">
              <button class="Msou lf">搜索</button>
              
              
    
              <div class="Mcart lf">
                <a href="">买</a>
                <a href="../views/cart.html">我的购物车</a>
              </div>
            </div>
          </div>
          <div class="hotword">
            <a href="">运动正当燃</a>
            <a href="">苹果12</a>
            <a href="">休息室</a>
            <a href="">顾家家居</a>
            <a href="">二手电脑</a>
            <a href="">运动会</a>
            <a href="">健康好物</a>
            <a href="">AMD新品</a>
            <a href="">家装建材</a>
          </div>
          
        </div>
        <div class="wei rt">
          <img src="" alt="">
        </div>
      </div>
    

    <div class="box container">
        <ul class="category">
            <li class="active">全部</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
        </ul>
        <ul class="filter">
            <li class="f active" id="allt">全部</li>
            <li data-filter="hot" class="f">热销</li>

        </ul>
        <ul class="saleType">
            <li class="s active">全部</li>
           
            
            <li class="s">8</li>

        </ul>
        <ul class="sort">
            <li data-type="price" data-method="DESC" class="sort2">价格 升序</li>


        </ul>
        <div class="pagination">
            <span class="pageInfo">1 / 11</span>
            <button class="prev">上一页</button>
            <button class="next">下一页</button>
            <select>
                <option value="12">12</option>
                <option value="16">16</option>
                <option value="20">20</option>
                <option value="24">24</option>
            </select>
        </div>

        <div class="searchBox">
            <input type="text">
        </div>
    </div>

    <ul class="content container">
        <li>
            <div class="show">
                <img src="" alt="">
                <span class="hot active"> HOT </span>
                <span class="sale active"> SALE </span>
            </div>
            <div class="info">
                <p class="title">就是覅欧文的凤凰私发你为了fish代付款玩呢封闭式的基础你看我那就不是</p>
                <p>
                    折扣 : 9
                </p>
                <p class="price">
                    <del class="old"> ￥ 200.00 </del>
                    <span class="current"> ￥ 100.00 </span>
                </p>
                <p>
                    <button>加入购物车</button>
                </p>
            </div>
        </li>
    </ul>
    <div class="footer"></div>



    <script src="../js/tool.js"></script>
    <script src="../js/date.js"></script>
    <script src="../js/list.js"></script>


</body>
</html>